<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Your Website Title</title>
	<meta name="description" content="Website Description" />
	<meta name="keywords" content="Website Kwywords" />
	<style type="text/css" media="all">@import "/learn/resources/mstp_93_xkblog/style/style.css";</style>
	<!--[if lt IE 7]>
	<style type="text/css">@import "style/ie.css";</style>
	<script src="script/DD_belatedPNG.js" type="text/javascript"></script>
	<script type="text/javascript">
		DD_belatedPNG.fix('#logo span, #loginarea, #panellogin, .textboxlogin, img');
	</script>
	<![endif]-->
	<!--[if IE 7]><style type="text/css">@import "style/ie7.css";</style><![endif]-->
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/jquery.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/jquery-1.9.1.min.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/ui_core.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/ui_tabs.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/lightbox.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/twitter.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/gettwitter.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/newlist.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(function() {
		$("#butslide").click(function(){
				$("#panellogin").slideToggle("fast");
				$(this).toggleClass("active"); return false;
		}); 
		$('#tabsnav').tabs({ fx: { opacity: 'toggle' } });
		$('a.popup').lightBox({fixedNavigation:true});
	});
	</script>
</head>
<body>
<p><a class="skiplink" href="#maincontent">Skip over navigation</a></p>
<div id="container">
	<div id="wrapper">
		<div id="header">
			<div id="headertop">
				<a href="#" class="replace" id="logo"><span></span>Rushhour - Your Company Slogan</a>
				<div id="loginarea">
					<p class="notlogin">管理员登录</p>
					<p class="loginbut"><a href="/learn/admin/toAdminLoginPage" class="butlogin" >Login</a></p>
					
				</div>
			</div>
			<div id="placemainmenu">
				<ul id="mainmenu">
					<li><a href="/learn/customer/toIndexPage#">主页</a></li>
					<li  class="active"><a href="/learn/customer/toNewListPage">News</a></li>
					<li><a href="#">${category.productCategoryName }</a>
						<ul>
						    <c:forEach var="item" items="${secondCategorys }">
						   		<li><a href="/learn/customer/toNewListPage?oneLevelId=${category.productCategoryId }&secondLevelId=${item.productCategoryId}">${item.productCategoryName }</a></li>
						    </c:forEach>
						</ul>
					</li>
					
				</ul>
				<form method="post" action="#" id="frmsearch">
					<div>
						<input type="text" name="search" class="textboxsearch" value="Search" onblur="if(this.value.length == 0) this.value='Search';" onclick="if(this.value == 'Search') this.value='';" /> <input type="submit" name="submitsearch" class="submitsearch" value="Search" />
					</div>
				</form>
				<div class="clear"></div>
			</div>
		</div>
		<div id="content">
			
			<div id="maincontent">
				<div class="boxbig">
					<h1 class="titlebig">Latest News</h1>
					<div class="boxbigcontent">
						<ul id="listnews">
						    <c:forEach var="item" items="${pagerResult.resultSet }">
							    <li><h2><a href="#">${item.title }</a></h2>
									<!-- <ul class="listinfo">
										<li class="posted">Posted by <strong>Johndoe</strong> on September 29th 2009</li>
										<li><a href="#">Category</a></li>
										<li class="comment"><a href="#" class="linkcomment">23 Comments</a></li>
									</ul> -->
									<p>${item.content }</p>
									<a href="/learn/customer/toaboutus?id=${item.blogId }" class="linkreadmore">Read more</a>
									<div class="clear"></div>
								</li>
						    </c:forEach>
						</ul>
						<c:if test="${pagerResult.count gt 0}">
						<ul id="listpages">
							<li><a href="#" class="pre" onclick="pre(${oneLevelId},${secondLevelId },${pagerResult.currentPage },${pagerResult.totalPage })">&#171; Previous</a></li>
							<c:choose>
     							<c:when test="${pagerResult.currentPage eq 1 && pagerResult.totalPage eq 1}">
          							 <li><a href="#" class="active">1</a></li>
       							</c:when>
     							<c:when test="${pagerResult.totalPage eq 2}">
     							     <c:if test="${pagerResult.currentPage eq 1}">
     							          <li><a href="#" class="active">1</a></li>
     							          <li><a href="#" onclick="jump(${oneLevelId},${secondLevelId },2)">2</a></li>
     							     </c:if>
     							     <c:if test="${pagerResult.currentPage eq 2}">
     							          <li><a href="#" onclick="jump(${oneLevelId},${secondLevelId },1)">1</a></li>
          							      <li><a href="#" class="active">2</a></li>
     							     </c:if>
       							</c:when>
      							<c:otherwise>
      							     <c:if test="${pagerResult.currentPage eq 1}">
      							    	 <li><a href="#" class="active" onclick="jump(${oneLevelId},${secondLevelId },1)">1</a></li>
      							    	 <li><a href="#" onclick="jump(${oneLevelId},${secondLevelId },2)">2</a></li>
      							    	 <li><a href="#" onclick="jump(${oneLevelId},${secondLevelId },3)">3</a></li>
      							     </c:if>
      							     <c:if test="${pagerResult.currentPage eq 2}">
      							    	 <li><a href="#" onclick="jump(${oneLevelId},${secondLevelId },1)">1</a></li>
      							    	 <li><a href="#" class="active" onclick="jump(${oneLevelId},2)">2</a></li>
      							    	 <li><a href="#" onclick="jump(${oneLevelId},${secondLevelId },3)">3</a></li>
      							     </c:if>
      							     <c:if test="${pagerResult.currentPage ge 3}">
      							    	 <li><a href="#" onclick="jump(${oneLevelId},${secondLevelId },${pagerResult.currentPage -2})">${pagerResult.currentPage -2}</a></li>
      							    	 <li><a href="#" onclick="jump(${oneLevelId},${secondLevelId },${pagerResult.currentPage -1})">${pagerResult.currentPage -1}</a></li>
      							    	 <li><a href="#" class="active" onclick="jump(${oneLevelId},${secondLevelId },${pagerResult.currentPage -1})">${pagerResult.currentPage}</a></li>
      							     </c:if>
       							</c:otherwise>
							</c:choose>
							<c:if test="${pagerResult.currentPage lt pagerResult.lastPage}">
								<li class="dotted">....</li>
							</c:if>
							<li><a href="#" onclick="next(${oneLevelId},${secondLevelId },${pagerResult.currentPage },${pagerResult.totalPage })">Next &#187;</a></li>
						</ul>
						</c:if>
						<c:if test="${pagerResult.count eq 0}">
						     没有数据了
						</c:if>
					</div>
					<div class="boxbigcontentbottom"></div>
				</div>
			</div>
			<div id="nav">
				
				<div class="boxnav">
					<h3 class="titlenav">主题分类</h3>
					<div class="boxnavcontent">
						<ul class="menunav">
						    <c:forEach var="item" items="${categorys }">
						    	<li><a href="/learn/customer/toNewListPage?oneLevelId=${item.productCategoryId }" text-decoration="blink">${item.productCategoryName}</a></li>
						    </c:forEach>
						</ul>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<div id="footer">
			<p id="texttwitter"></p>
			<ul id="menufooter">
				<li><a href="#">Home</a></li>
				<li><a href="#">News</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Contact Us</a></li>
				<li class="last"><a href="#">Follow us on Twitter</a></li>
			</ul>
			<ul id="menufooterright">
				<li>Copyright 2009, Rushhour, Inc.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></li>
				<li class="last"><a href="#">Back to top</a></li>
			</ul>
		</div>
	</div>
</div>
<input type="text" style="display:none" value="${oneLevelId }" >
<input type="text" style="display:none" value="${secondLevelId }">
</body>
</html>